@charset "utf-8";
/*reset*/
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: "微软雅黑";
}
ul,
ol,
li {
list-style: none;
}
a {
text-decoration: none;
}
.qcfd {
clear: both;
}
.button{float:right;display:inline;background:url(../images/button.jpg) no-repeat;width:38px;height:24px;line-height:19px;border:none;border:0;cursor:pointer;}
/*end*/
/*顶部*/
.top1 {
background: #152789;
}
.top2 {
max-width: 1200px;
width: 95%;
margin: 0 auto;
height: 10px;
position: relative;
}
.top3 {
background: #152789;
position: absolute;
bottom: -24px;
right: 20px;
height: 24px;
padding: 0 5px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.top3 h3 {
font-size: 12px;
color: #FFFFFF;
line-height: 24px;
}
.top3 a {
margin: 0 1px;
color: #FFFFFF;
}
.top3 a:hover {
color: #000000;
}
/*end*/
/*logo*/
.logo {
max-width: 1200px;
width: 95%;
margin: 0 auto;
padding: 10px 0;
}
.logo1 {
float: left;
font-size: 0;
}
.logo2 {
float: right;
font-size: 0;
margin-top: 30px;
margin-right: 20px;
}
.logo img {
max-width: 100%;
}
/*end*/
/*导航*/
.nav {
background: #152789;
}
.nav1 {
max-width: 1200px;
width: 95%;
margin: 0 auto;
}
.nav1 li {
float: left;
width: 12.5%;
padding: 10px 0;
text-align: center;
font-size: 14px;
}
.nav1 .l1,
.nav1 li:hover {
background: #fd443f;
}
.nav1 a {
color: #FFFFFF;
display: block;
}
/*end*/
/*海报*/
.banner {
position: relative;
}
.banner1 {
position: absolute;
bottom: 10px;
width: 100%;
text-align: center;
z-index: 1;
}
.banner11 {
margin: 0 10px;
display: inline-block;
border-radius: 50%;
background: #152789;
width: 20px;
height: 20px;
line-height: 20px;
cursor: pointer;
font-size: 12px;
color: #FFFFFF;
}
.banner12,
.banner11:hover {
background: #fc5b57;
}
.banner2 {
display: none;
font-size: 0;
}
.banner2 img {
max-width: 100%;
}
.bannerd {
animation: bannerd 1s;
}
@keyframes bannerd {
from {
opacity: 0.4;
}
to {
opacity: 1;
}
}
/*end*/
/*关键词*/
.gjc {
background: #152789;
}
.gjc1 {
max-width: 1200px;
width: 95%;
margin: 0 auto;
padding: 10px 0;
}
.gjc11 {
float: right;
}
.gjc11 input {
float: left;
display: block;
width: 140px;
height: 22px;
}
.gjc12 li {
float: left;
color: #FFFFFF;
font-size: 12px;
margin-right: 5px;
line-height: 22px;
}
.gjc12 li:first-child {
border-right: none;
margin-right: 10px;
}
.gjc12 a {
color: #FFFFFF;
padding-right: 5px;
border-right: 1px solid #FFFFFF;
}
.gjc12 a:hover {
color: #000000;
}
/*end*/
/*加盟商*/
.index1 {
background: #d6d6ff;
}
.index11 {
max-width: 1200px;
width: 95%;
margin: 0 auto;
padding: 20px 0;
}
.index11 h2 {
font-size: 20px;
text-align: center;
color: #000000;
margin-bottom: 10px;
}
.index11 h2 span {
color: #152789;
}
.index11 h3 {
text-align: center;
font-size: 14px;
color: #000000;
}
.index11 h3 span {
display: inline-block;
position: relative;
top: 4px;
width: 330px;
height: 16px;
margin-top: 2px;
background: url(../Images/index11.png);
}
.index111 {
padding: 0 50px;
margin-top: 25px;
}
.index112 {
float: left;
max-width: 480px;
width: 42.5%;
}
.index113 {
float: left;
max-width: 140px;
width: 15%;
}
.index112 li {
background: #ffffff;
padding: 10px 30px;
margin: 10px 0;
border-radius: 15px;
}
.index112 h3 {
color: #b22429;
font-size: 14px;
text-align: left;
line-height: 1.5em;
}
.index112 p {
font-size: 14px;
line-height: 1.5em;
height: 3em;
overflow: hidden;
}
.index113 img {
display: block;
margin: 0 auto 10px;
max-width: 100%;
}
/*end*/
/*产品*/
.index2 {
max-width: 1200px;
width: 95%;
margin: 0 auto;
padding: 20px 0 10px;
}
.index2 h4 {
color: #bdbdbd;
text-align: center;
font-size: 12px;
}
.index2 h2 {
text-align: center;
font-size: 20px;
color: #000;
}
.index2 h2 .s1 {
color: #152789;
}
.index2 h2 .x1 {
display: inline-block;
position: relative;
top: -5px;
width: 240px;
height: 6px;
background: url(../Images/index21.png);
}
.index21 {
margin-top: 20px;
}
.index211 {
/*float: left;*/
width: 100%;
text-align: center;
margin-right: 5%;
}
.index212 {
float: left;
/*width: 75%;*/
display: none;
}
.index211 li {
background: #fc5b57;
margin-bottom: 10px;
padding: 5px 0;
width: 100px;
display: inline-block;
}
.index211 .l1,
/*.index211 li:hover {
background: #2b2c6c;
}*/
.index211 h3 {
font-size: 16px;
color: #FFFFFF;
margin-bottom: 5px;
}
.index211 p {
font-size: 12px;
color: #FFFFFF;
}
.index2121 {
float: left;
width: 40%;
font-size: 0;
}
.index2121 img {
width: 100%;
height: auto;
}
.index2122 {
float: left;
width: 40%;
margin: 0 10%;
padding-top: 30px;
}
.index2122 h2 {
color: #152789;
font-size: 16px;
margin-bottom: 16px;
text-align: left;
}
.index2122 h2 span {
color: #000000;
font-weight: normal;
}
.index2122 p {
font-size: 14px;
line-height: 1.5em;
height: 10.5em;
}
.index2122 h3 {
font-size: 14px;
text-align: right;
}
.index2122 .a1 {
background: #152789;
color: #FFFFFF;
padding: 5px 20px;
margin-left: 20px;
}
.index2122 .a2 {
background: #000000;
color: #FFFFFF;
padding: 5px 20px;
margin-left: 20px;
}
.index2122 a:hover {
color: #ffffff;
}
.index2123 {
margin-top: 20px;
}
.index2123 li {
border: 1px solid #000000;
width: 24%;
float: left;
margin-right: 1%;
position: relative;
font-size: 0;
overflow: hidden;
/*height: 191px;*/
margin-bottom: 52px;
text-align: center;
}
.index2123 li:hover{
text-shadow: 3px 3px 3px #fc5b57;
}
.index2123 li:hover p{
font-size: 16px;
}
.index2123 li:last-of-type {
margin-right: 0;
}
.index2123 a {
display: block;
}
.index2123 img {
width: auto;
margin: auto;
/*max-height: 191px;*/
transition: all 0.7s;
height: 198px;
max-width: 100%;
}
.index2123 p {
position: absolute;
width: 100%;
bottom: 0;
font-size: 12px;
text-align: center;
background: rgba(0, 0, 0, 0.5);
color: #FFFFFF;
padding: 5px 0;
line-height: 191px;
height: 100%;
display: none;
}
.index2123 a:hover img {
transform: scale(1.05);
}
.index2123 a:hover p {
/*color: #FF0000;*/
display: block;
}
/*end*/
/*间隔1*/
.index3 {
background: /*#404196*/ url(../Images/index31.png) no-repeat /*center 10px*/;
}
.index31 {
max-width: 1200px;
width: 95%;
margin: 0 auto;
color: #FFFFFF;
text-align: center;
padding: 88px;
}
.index31 h2 {
font-size: 20px;
}
.index31 h3 {
font-size: 12px;
margin-bottom: 10px;
}
/*end*/
/*优势*/
.index4 {
background: #f1f1f1;
}
.index41 {
max-width: 1200px;
width: 95%;
margin: 0 auto;
padding: 30px 0;
}
.index41 h4 {
color: #000000;
text-align: center;
font-size: 12px;
}
.index41 h2 {
text-align: center;
font-size: 20px;
}
.index41 h2 .s1 {
color: #152789;
}
.index41 h2 .x1 {
display: inline-block;
position: relative;
top: -5px;
width: 240px;
height: 6px;
background: url(../Images/index21.png);
}
.index43 {
float: left;
width: 50%;
padding: 0 5px;
}
.index43a {
padding-top: 100px;
}
.index43 h3 {
width: 80%;
margin: 0 auto 10px;
font-size: 18px;
color: #000000;
}
.index43 .s1 {
background: url(../Images/index45.png) no-repeat center center;
display: inline-block;
width: 48px;
height: 48px;
line-height: 48px;
text-align: center;
color: #FFFFFF;
margin-right: 10px;
}
.index43 .s2 {
color: #606060;
font-size: 16px;
text-transform: uppercase;
}
.index43 p {
width: 80%;
margin: 0 auto;
font-size: 14px;
line-height: 1.5em;
}
.index43 img {
max-width: 100%;
margin: 30px 0;
}
/*end*/
/*关于*/
.index5 {
background: url(../Images/index51.png) no-repeat center top;
}
.index51 {
max-width: 1200px;
width: 95%;
margin: 0 auto;
padding: 30px 0;
}
.index51 h4 {
color: #bdbdbd;
text-align: center;
font-size: 12px;
}
.index51 h2 {
text-align: center;
font-size: 20px;
color: #000000;
}
.index51 h2 .s1 {
color: #152789;
}
.index51 h2 .x1 {
display: inline-block;
position: relative;
top: -5px;
width: 240px;
height: 6px;
background: url(../Images/index21.png);
}
.index511 {
padding: 0 50px;
margin-top: 30px;
}
.index512 {
float: left;
width: 40%;
text-align: center;
font-size: 0;
}
.index512 img {
max-width: 100%;
height: auto;
}
.index513 {
float: left;
width: 60%;
font-size: 12px;
padding: 50px 0 0 20px;
}
.index513 p {
line-height: 2em;
/* height: 20em;*/
font-size: 18px;
}
.index513 a {
color: #b08d5b;
display: inline-block;
float: right;
font-size: 16px;
}
/*end*/
/*间隔2*/
.index6 {
background: url(../Images/index61.png) no-repeat center top;
}
.index61 {
max-width: 1200px;
width: 95%;
margin: 0 auto;
padding: 20px 0;
}
.index61 h2 {
text-align: center;
color: #FFFFFF;
font-size: 14px;
line-height: 2em;
}
/*end*/
/*加盟流程*/
.ijmlc {
font-size: 0;
}
.ijmlc img {
max-width: 100%;
}
/*end*/
/*资讯动态*/
.izxdt {
max-width: 1200px;
width: 95%;
margin: 0 auto;
padding: 30px 0 20px;
}
.izxdt1 {
margin-bottom: 20px;
}
.izxdt1 h4 {
color: #bdbdbd;
text-align: center;
font-size: 12px;
}
.izxdt1 h2 {
text-align: center;
font-size: 20px;
color: #000000;
}
.izxdt1 h2 .s1 {
color: #152789;
}
.izxdt1 h2 .x1 {
display: inline-block;
position: relative;
top: -5px;
width: 240px;
height: 6px;
background: url(../Images/index21.png);
}
.izxdt21 {
float: right;
width: 40%;
text-align: center;
font-size: 0;
background: #d6d6ff;
padding: 20px 0;
}
.izxdt21 h2 {
font-size: 18px;
color: #686666;
line-height: 1.5em;
}
.izxdt21 h3 {
font-size: 16px;
margin-top: -5px;
color: #152789;
line-height: 1.5em;
}
.izxdt21 h3 span {
font-size: 20px;
}
.izxdt21 h4 {
font-size: 12px;
color: #686666;
line-height: 1.5em;
}
.izxdt21 h5 {
font-size: 12px;
color: #152789;
margin-bottom: 15px;
}
.izxdt21 img {
max-width: 100%;
}
.izxdt22 {
float: right;
width: 60%;
padding-right: 30px;
padding-top: 30px;
}
.izxdt22 li {
border-bottom: 1px dashed #d5d5d5;
margin-bottom: 10px;
padding-bottom: 10px;
}
.izxdt22 img {
float: left;
margin-right: 20px;
}
.izxdt22 h2 {
font-size: 16px;
color: #152789;
margin-bottom: 10px;
}
.izxdt22 h2 span {
float: right;
}
.izxdt22 p {
font-size: 12px;
color: #666666;
line-height: 2em;
}
.izxdt22 a {
float: right;
color: #ff0000;
}
/*end*/
/*案例*/
.ial {
background: #d6d6ff;
}
.ial1 {
max-width: 1200px;
width: 95%;
margin: 0 auto;
padding: 30px 20px;
}
.ial1 h4 {
color: #bdbdbd;
text-align: center;
font-size: 12px;
}
.ial1 h2 {
text-align: center;
font-size: 20px;
margin-bottom: 20px;
color: #000000;
}
.ial1 h2 .s1 {
color: #152789;
}
.ial1 h2 .x1 {
display: inline-block;
position: relative;
top: -5px;
width: 240px;
height: 6px;
background: url(../Images/index21.png);
}
.ial2 {
background: #FFFFFF;
padding: 20px 5%;
height: 220px;
position: relative;
}
.ial2a {
width: 100%;
height: 180px;
overflow: hidden;
position: relative;
}
.ial2l {
position: absolute;
top: 50%;
margin-top: -20px;
left: 1%;
display: inline-block;
width: 20px;
height: 20px;
line-height: 18px;
text-align: center;
border-radius: 50%;
background: #404040;
color: #FFFFFF;
z-index: 1;
}
.ial2g {
position: absolute;
top: 50%;
margin-top: -20px;
right: 1%;
display: inline-block;
width: 20px;
height: 20px;
line-height: 18px;
text-align: center;
border-radius: 50%;
background: #404040;
color: #FFFFFF;
z-index: 1;
}
.ial3 {
position: absolute;
width: 10000px;
}
.ial3 li {
float: left;
width: 250px;
padding: 10px 20px;
text-align: center;
}
.ial3 img {
max-width: 100%;
height: auto;
}
/*end*/
/*留言*/
.ily {
background: url(../Images/ily1.png);
}
.ily1 {
max-width: 1200px;
width: 95%;
margin: 0 auto;
padding: 30px 0 20px;
}
.ily1 h2 {
font-size: 20px;
color: #152789;
margin-bottom: 15px;
text-align: center;
}
/*清除浮动*/
.clearfix:after {
content: "";
height: 0;
line-height: 0;
display: block;
visibility: hidden;
clear: both;
}
.clearfix {
zoom: 1;
}
.ily2 {
float: left;
width: 35%;
padding: 0 30px;
}
.ily2 li{
float: left;
line-height: 1.5em;
}
.ily2 li a{
color: #152789;
}
.ily2 li a:after{
content: "、";
}
.ily2 p {
font-size: 12px;
margin-bottom: 10px;
line-height: 26px;
}
.ily2 span {
float: left;
width: 30%;
text-align: right;
}
.ily2 input {
float: left;
width: 40%;
height: 26px;
}
.ily2 textarea {
width: 40%;
height: 140px;
resize: none;
}
.ily2 .ibdtj {
width: 50px;
border: none;
background: #000000;
color: #FFFFFF;
cursor: pointer;
margin-left: 30%;
}
.ily2 .ibdtj1 {
width: 50px;
border: none;
background: #000000;
color: #FFFFFF;
cursor: pointer;
margin-left: 5%;
}
.ily3 {
float: left;
width: 65%;
padding: 0 30px;
font-size: 0;
}
.ily3 h3 {
color: #152789;
font-size: 16px;
}
.ily3 p {
font-size: 14px;
line-height: 2em;
color: #666666;
}
.ily3 img {
max-width: 45%;
margin-right: 5%;
}
/*end*/
/*底部*/
.f1 {
background: #000000;
}
.f11 {
max-width: 1200px;
width: 95%;
margin: 0 auto;
padding: 5px 0;
}
.f11 h2 {
color: #FFFFFF;
text-align: center;
font-size: 12px;
}
.f11 h2 span {
margin: 0 5px;
}
.f11 h2 a {
color: #FFFFFF;
}
/*end*/
/*内页*/
.ny {
background: #d6d6ff;
padding-bottom: 20px;
font-size: 0;
}
.nytp{
max-width: 100%;
margin-bottom: 20px;
}
.ny1 {
max-width: 1200px;
width: 95%;
margin: 0 auto;
}
.ny2 {
float: left;
max-width: 250px;
width: 25%;
min-height: 460px;
margin-right: 2%;
background: url(../Images/ny1.png) no-repeat left top;
}
.ny2 h2 {
color: #ffffff;
text-align: right;
padding-right: 10px;
margin-bottom: 22px;
font-size: 20px;
}
.ny2 li {
max-width: 170px;
width: 70%;
margin-left: 50px;
font-size: 14px;
padding-left: 20px;
}
.ny2 a {
display: block;
color: #FFFFFF;
padding: 10px 0 10px 30px;
border-bottom: 1px solid #9f9f9f;
}
.ny2 .l1,
.ny2 li:hover {
background: url(../Images/ny2.png) no-repeat left center;
}
.ny2 .l1 a,
.ny2 li:hover a {
color: #000000;
}
.ny3 {
float: left;
width: 73%;
}
.ny31 {
background: #FFFFFF;
padding: 5px;
margin-bottom: 10px;
}
.ny31 h3 {
text-align: right;
color: #cccccc;
font-size: 12px;
float: right;
width: 300px;
padding-bottom: 3px;
border-bottom: 1px solid #cccccc;
}
.ny32 {
background: #ffffff;
padding: 20px 15px;
min-height: 450px;
}
.ny32 h2 {
font-size: 18px;
color: #000000;
}
.ny32 h4 {
font-size: 12px;
color: #403f41;
}
.ny33 {
line-height: 2em;
font-size: 12px;
margin-top: 20px;
}
.ny33 img {
display: block;
margin: 10px auto;
max-width: 100%;
}
/*end*/
/*内页分页*/
.nyfy{
margin: 20px 0 0;
}
.nyfy p{
font-size: 12px;
text-align: center;
}
.nyfy a{
background: #f5f5f6;
border: 1px solid #bfbfbf;
color: #000;
padding: 3px 5px;
margin: 0 5px;
}
.nyfy a:hover{
color: #ff0000;
}
.nyfy1{
margin: 20px 0 0;
}
.nyfy1 p{
font-size: 12px;
text-align: center;
}
.nyfy1 a{
color: #000;
margin: 0 5px;
}
.nyfy1 a:hover{
color: #ff0000;
}
/*end*/
/*联系我们*/
.lxwm {
width: 80%;
margin: 20px auto 0;
}
.lxwm p{
font-size: 12px;
line-height: 2em;
}
.iw_poi_title {
color: #CC5522;
font-size: 14px;
font-weight: bold;
overflow: hidden;
padding-right: 13px;
white-space: nowrap
}
.iw_poi_content {
font: 12px arial, sans-serif;
overflow: visible;
padding-top: 4px;
white-space: -moz-pre-wrap;
word-wrap: break-word
}
#dituContent{
width: 100%;
height: 500px;
border:#ccc solid 1px;
}
/*end*/
/*服务中心*/
.fwzx{
margin-top: 20px;
text-align: center;
}
.fwzx h2{
color: #000000;
font-size: 18px;
line-height: 2em;
}
.fwzx h3{
color: #000000;
font-size: 14px;
margin-bottom: 20px;
}
.fwzx p{
font-size: 12px;
line-height: 2em;
}
.fwzx1{
float: left;
width: 50%;
margin-top: 20px;
}
.fwzx2{
float: left;
width: 50%;
margin-top: 20px;
}
.fwzx1 h3{
font-size: 12px;
line-height: 1.5em;
width: 70%;
padding: 10px 0;
border: 1px solid #a7a7a7;
background: #f2f2f2;
margin: 10px auto;
}
.fwzx2 p {
font-size: 12px;
margin-bottom: 10px;
line-height: 26px;
}
.fwzx2 span {
float: left;
width: 30%;
text-align: right;
}
.fwzx2 input {
float: left;
width: 40%;
height: 26px;
}
.fwzx2 textarea {
width: 40%;
height: 140px;
resize: none;
float: left;
}
.fwzx2 .ibdtj {
width: 50px;
border: none;
background: #000000;
color: #FFFFFF;
cursor: pointer;
margin-left: 30%;
}
.fwzx2 .ibdtj1 {
width: 50px;
border: none;
background: #000000;
color: #FFFFFF;
cursor: pointer;
margin-left: 5%;
}
/*end*/
/*门窗资讯*/
.mczx li{
border-bottom: 1px dashed #dddddd;
padding: 15px 0;
}
.mczx a{
display: block;
}
.mczx h3{
font-size: 16px;
color: #152789;
margin-bottom: 5px;
}
.mczx p{
font-size: 12px;
color: #666666;
line-height: 1.5em;
}
.mczx li:hover p{
color: #ff0000;
}
.mczx .time{
float: right;
}
.mczxt h2{
text-align: center;
color: #152789;
}
.mczxt h3{
font-size: 12px;
color: #152789;
border-bottom: 1px solid #d6d6ff;
text-align: right;
padding-bottom: 5px;
}
/*end*/
/*产品中心*/
.cpzx{
margin-top: 20px;
}
.cpzx li{
float: left;
width: 32%;
margin-right: 2%;
margin-bottom: 10px;
position: relative;
border: 1px solid #a7a7a7;
overflow: hidden;
text-align: center;
}
.cpzx li:nth-child(3n){
margin-right: 0;
}
.cpzx img{
max-width: 100%;
transition: all 0.7s;
height: 237px;
}
.cpzx li:hover img{
transform: scale(1.05);
}
.cpzx p{
display: none;
position: absolute;
bottom: 0;
width: 100%;
font-size: 12px;
padding: 5px 0;
color: #ffffff;
background: #4a4a4a;
text-align: center;
}
.cpzx li:hover p{
display: block;
}
.cpzx1 h2{
text-align: center;
color: #152789;
padding-bottom: 5px;
border-bottom: 1px solid #d6d6ff;
}
.ily2 ul{
padding:15px 0px;
}
.ily2 ul li:last-child a:after{
content: "";
}
.ily2 ul:nth-child(2) li:last-child a:after{
content: "";
}
/*end*/
.ily3 .fl{
float: left;
width: 60%;
}
.ily3 .fr{
float: left;
width: 19%;
padding: 0 5px;
}
.ily3 .fr img{
max-width: 100%;
}
@media only screen and (min-width: 768px) {
.izxdt22 img{display: none;}
.izxdt22 li {
border-bottom: 1px dashed #d5d5d5;
margin-bottom: 0px;
padding-bottom: 6px;
}
}
@media only screen and (max-width: 768px) {
.top1,.logo2,.index1,.ily2{
display: none;
}
.ily3 .fr{
width: 36%;
}
.cpzx p{
display: block;
}
.logo1{
float: none;
width: 100%;
}
.nav1{
width: 100%;
}
.nav1 li{
width: 25%;
padding: 5px 0;
}
.banner11{
margin: 0 3px;
}
.index11{
padding: 3px 0;
}
.index11 h2{
font-size: 14px;
}
.index11 h3{
display: none;
}
.index113{
display: none;
}
.index111{
padding: 0;
margin-top: 0;
}
.index112{
width: 100%;
float: none;
}
.index112 li{
padding: 5px 20px;
}
.index112 h3{
display: block;
font-size: 12px;
}
.index112 p{
font-size: 12px;
}
.index2{
padding: 5px 0;
}
.index2 h2{
font-size: 14px;
}
.index2 h2 .x1{
display: none;
}
.index21{
margin-top: 5px;
}
.index211{
display: none;
}
.index212{
width: 100%;
}
.index2121{
width: 100%;
}
.index2122{
width: 100%;
margin: 0 auto;
padding-top: 5px;
}
.index2122 h2{
text-align: center;
margin-bottom: 5px;
}
.index2122 p{
font-size: 12px;
height: auto;
margin-bottom: 10px;
}
.index2122 h3{
font-size: 12px;
}
.index2123 li{
width: 48%;
margin: 0 1% 5px;
}
.index31{
padding: 5px 0;
}
.index31 h2{
font-size: 14px;
}
.index4{
display: none;
}
.index51{
padding: 5px 0;
}
.index51 h2{
font-size: 14px;
}
.index51 h2 .x1{
display: none;
}
.index511{
margin-top: 5px;
padding: 0;
}
.index512{
display: none;
}
.index513{
width: 100%;
padding: 0 5px;
}
.index513 p{
height: auto;
font-size: 12px;
}
.index513 a{
font-size: 12px;
}
.index61{
padding: 5px;
}
.index61 h2{
line-height: 1.5em;
}
.ijmlc{
display: none;
}
.izxdt{
padding: 5px 0;
}
.izxdt1{
margin-bottom: 5px;
}
.izxdt1 h2{
font-size: 14px;
}
.izxdt1 h2 .x1{
display: none;
}
.izxdt21{
display: none;
}
.izxdt22{
width: 100%;
padding: 5px 0 0;
}
.ial1{
padding: 5px 0;
}
.ial1 h2{
font-size: 14px;
margin-bottom: 5px;
}
.ial1 h2 .x1{
display: none;
}
.ial2{
height: 190px;
padding: 5px 5%;
}
.ily1{
padding: 5px 0;
}
.ily1 h2{
font-size: 14px;
margin-bottom: 5px;
}
.ily2{
width: 100%;
padding: 0;
margin-top: 1.5em;
font-size: 12px;
}
.ily3{
width: 100%;
padding: 0;
}
.ily3 h3{
font-size: 12px;
}
.ily3 p{
line-height: 1.5em;
}
.nytp{
margin-bottom: 10px;
}
.ny2{
display: none;
}
.ny3{
width: 100%;
}
.ny32{
padding: 5px;
}
.ny32 h2{
font-size: 14px;
}
.ny33{
margin-top: 5px;
line-height: 1.5em;
}
.fwzx{
margin-top: 5px;
}
.fwzx1,.fwzx2{
width: 100%;
}
#dituContent{
height: 200px;
}
.cpzx li{
width: 48%;
margin: 0 1% 5px;
}
.cpzx li:nth-child(3n){
margin-right: 1%;
}
.cpnav{
display: block;
width: 100%;
max-width: 100%;
margin: 0;
min-height: auto;
}
.ny2{
background: none;
}
.ny2 h2{
display: none;
}
.ny2 li{
display: inline-block;
width: 50%;
margin: 0;
padding: 5px;
font-size: 12px;
text-align: center;
}
.ny2 a{
border-bottom: none;
padding: 5px 0;
color: #000;
background: #fff;
}
.ny2 .l1,.ny2 li:hover{
background: none;
}
}
/*手机底部导航*/
.mobile-bottom-nav-box{
display: none;
height: 56px;
}
.mobile-bottom-nav{
display: none;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background: #152789;
z-index: 99;
}
.mobile-bottom-nav li{
float: left;
width: 25%;
text-align: center;
padding: 5px 0;
font-size: 0;
}
.mobile-bottom-nav a{
display: block;
}
.mobile-bottom-nav img{
width: 30px;
height: 30px;
}
.mobile-bottom-nav p{
color: #ffffff;
font-size: 12px;
}
@media only screen and (min-width: 100px) and (max-width: 640px) {
.mobile-bottom-nav-box{
display: block;
}
.mobile-bottom-nav{
display: block;
}
}